@layout("/common/_container.html"){
<div class="ibox float-e-margins ">
    <div class="ibox-content record_box">
        <div style="display: none">
            <input type="hidden" id="doctorValue" value="${user}">
        </div>
        <div class="row bigSize">
            <div class="col-sm-12" style="padding-bottom: 3%">
                <ul class="ul_li clearfix">
                    <li>
                        <button class="btn btn2" type="button">月</button>
                        <button class="btn btn3" type="button">日</button>
                        <input type="text" id="arrivalTime"
                               style="width: 186px;height: 39px;padding-left: 5px;"
                               onclick="laydate({istiem:true,format:'YYYY-MM-DD'})">
                        <button type="button" class="btn" style="line-height: normal" id="minus"><span class="glyphicon glyphicon-backward"></span></button>
                        <button type="button" class="btn" style="line-height: normal" id="next"><span class="glyphicon glyphicon-forward"></span></button>
                    </li>
                    <li>
                        <div style="margin-top: 1px;">
                            <span>性别:</span>
                            <select class="selectBox" id="customerSex" name="customerSex" onchange="DoctorLooked.search()">
                                <option value="">请选择</option>
                                <option value="1">男</option>
                                <option value="2">女</option>
                            </select>
                        </div>
                    </li>
                    <li>
                        <span>年龄:</span>
                        <select class="selectBox" id="customerAgeStart" name="customerAgeStart"  onchange="DoctorLooked.search()" >
                            <option value="">请选择</option>
                            <option value="0">0</option>
                            <option value="10">10</option>
                            <option value="20">20</option>
                            <option value="30">30</option>
                            <option value="40">40</option>
                            <option value="50">50</option>
                            <option value="60">60</option>
                            <option value="70">70</option>
                            <option value="80">80</option>
                            <option value="90">90</option>
                            <option value="100">100</option>
                        </select>
                        <span>-</span>
                        <select class="selectBox" id="customerAgeEnd" name="customerAgeEnd"  onchange="DoctorLooked.search()">
                            <option value="">请选择</option>
                            <option value="0">0</option>
                            <option value="10">10</option>
                            <option value="20">20</option>
                            <option value="30">30</option>
                            <option value="40">40</option>
                            <option value="50">50</option>
                            <option value="60">60</option>
                            <option value="70">70</option>
                            <option value="80">80</option>
                            <option value="90">90</option>
                            <option value="100">100</option>
                        </select>
                    </li>

                   <!-- <li>
                        <div style="width: 187px;height: 39px;border: 1px solid #cccccc;border-radius: 3px">
                            <span class="glyphicon glyphicon-search" style="padding: 7px 0px 0px 10px;"></span>
                            <input type="text" id="payServiceName" placeholder="项目名称"
                                   onchange="DoctorLooked.search()"
                                   style="width: 135px;height: 35px;border: none;float: right;outline:none;margin-top: 1px">
                        </div>
                    </li>-->
                    <li>
                        <div style="width: 261px;height: 38px;border: 1px solid #cccccc;border-radius: 3px">
                            <span class="glyphicon glyphicon-search" style="padding: 9px 0px 0px 10px;"></span>
                            <input type="text" id="reach" placeholder="姓名/电话/微信/病历号/项目"
                                   onchange="DoctorLooked.search()"
                                   style="width: 217px;height: 33px;border: none;float: right;outline:none;margin-top: 1px">
                        </div>
                    </li>
                    <li class="btn_box" style="float: right;margin: 0;">
                        <button type="button" class="btn" onclick="DoctorLooked.changePrice()">划价</button>
                        <button type="button" class="btn" onclick="DoctorLooked.resetSearch()">重置</button>
                    </li>
                </ul>
            </div>
        </div>
        <div class="row bigSize">
            <div class="col-sm-12" style="background:#3b97d3;;line-height: 46px;">
                <ul class="records clearfix">
                    <li onclick="DoctorLooked.allNum()">全部: <span style="color: #ff8a00" id="all"></span></li>
                    <li onclick="DoctorLooked.noNum()">未到: <span style="color: #03feb7" id="non-arrival" ></span></li>
                    <li onclick="DoctorLooked.yesNum()">已到: <span style="color: #fff701" id="yi-arrived"></span></li>
                    <li onclick="DoctorLooked.treatMentNum()">就诊中: <span style="color: #fff701" id="treatMent"></span></li>
                    <li onclick="DoctorLooked.okNum()">治疗完成: <span style="color: #ff00e0" id="see-doctor"></span></li>
                </ul>
            </div>
        </div>
        <#table id="DoctorLookedTable"/>
    </div>
</div>
<script src="${ctxPath}/static/modular/doctorLooked/doctorLooked.js"></script>

@}
<style>
    ul{  margin: 0;  padding: 0;  }
    input {  border: 1px solid #a9a9a9;  border-radius: 3px;}
    .ul_li > li {  float: left;  margin-right: 3%;  margin-bottom: 15px;  }
    .ul_li label {  padding-right: 9px;  }
    .records > li {  color: white;  cursor: pointer; float: left;  margin-right:3%;  }
    .btn_box button {  margin: 0;  color: white;  background: #2eadd0;  padding: 6px 30px;  font-size: 1em;  }
    .bigSize {  font-size: 1.2em;  }
    .selectBox {  width: 110px;  height: 36px ; border-radius: 3px; padding-left: 10px; }
    .records>li>span{  font-weight: bolder;  }

</style>